<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery操作文本</title>
    <script src="../js/jquery-3.3.1.min.js"></script>

    <script>
        /*
            html()：没参数，获取文本，包含标签内容；有参数，设置文本，可以解析标签；
            text()：无参数，获取文本信息，不含标签；有参数，设置文本呢欸容，不可解析标签；
            val()：获取单标签的value值，没有，默认标签体内容作为value值。
        */
        $(function () {
            // 1.html()  获取标签的文本内容
            $("#btn1").click(function () {
                // 获取div标签的文本内容
                let $value = $("#div").text();
                alert($value);
            })

            // 2.html(value)  设置标签的文本内容，解析标签
            $("#btn2").click(function () {
                // 设置div标签的文本内容
                $("#div").html("<b>我真的是div,只是长得不一样罢了！</b>")

            })


        });

    </script>
</head>

<body>
    <div id="div">我是div</div>
    <input type="button" id="btn1" value="获取div的文本">
    <input type="button" id="btn2" value="设置div的文本">
</body>

</html>